<template>
	<view  :style="{ 'background-color': '#FFFFFF', height: height + 'px','margin-top': '6px'}">
		<view :style="{height: iconMarginTop + 'px'}"></view>
		<u-empty :icon="icon" :text="showText" :height="height">
			<u-button type="primary" shape="circle" text="登录/注册" color="#06a8ff" style="margin-top: 12px;" @click="toLogin">
			</u-button>
		</u-empty>
	</view>
</template>

<script>
	export default {
		name: "noLogin",
		props: {
			showText: {
				type: String,
				default () {
					return '请登录'
				}
			},
			height: {
				type: Number,
				default () {
					return 160
				}
			},
			iconMarginTop: {
				type: Number,
				default () {
					return 60
				}
			},
			icon: {
				type: String,
				default () {
					return '/static/bg/cat_dy.png'
				}
			},
		},
		data() {
			return {

			};
		},
		methods: {
			toLogin(){
				uni.navigateTo({
					url: '/pages/login/login'
				})
			}
		}
	}
</script>

<style>

</style>
